<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>GJY's Blog Website</title>
    <link href="./css/countdown.css" rel="stylesheet">
    <link href="./css/search.css" rel="stylesheet">
    <link href="./css/index.css" rel="stylesheet">

    <script src="./js/jquery.js"></script>
    <script src="./js/countdown.js"></script>
    <script src="./js/index.js"></script>





</head>

<body>
    <header>
        <!-- 图标 -->
        <div><img src="./img/blog.png" height="50px"></div>
        <!-- 导航栏 -->
        <div>
            <nav>
                <ul>
                    <li class="current"><a href="index.html">首页</a></li>
                    <li><a href="note.html">随笔</a> </li>
                    <li><a href="comment.html">留言</a></li>
                    <li><a href="about.html">关于</a></li>

                </ul>
            </nav>
        </div>
        <!-- 搜索  -->
        <div class="search-box">
            <div class="input">
                <input type="text" placeholder="请输入要搜索的内容" id="search-input">
            </div>
            <div class="search">
            </div>

        </div>
    </header>
    <!-- 图片轮播 -->

    <main>
        <article>
            <div class="new-blog">
                <ul class="blogs">
                    <!-- <li>内容</li> -->
                </ul>
            </div>
        </article>


        <aside>
            <div>
                <iframe src="date.html" id="date-box" scrolling="no" frameborder="0"></iframe>
            </div>
            <div class="countdown">
                <h1 class="head"><span>双十二</span>倒计时</h1>
                <section class="result">
                    <p class="days">00<span>天</span></p>
                    <p class="hours">00 <span>时</span></p>
                    <p class="minutes">00 <span>分</span></p>
                    <p class="seconds">00 <span>秒</span></p>
                </section>
            </div>


            <div class="paihang">
                <h2 class="aside_title">点击排行</h2>
                <ol start="1">
                    <li><a href="#" target="_blank">勇气并非来自体力，而是来自不屈不挠的意志。 ---守望先锋</a></li>
                    <li><a href="#" target="_blank">勇气并非来自体力，而是来自不屈不挠的意志。 ---守望先锋</a></li>
                    <li><a href="#" target="_blank">勇气并非来自体力，而是来自不屈不挠的意志。 ---守望先锋</a></li>
                    <li><a href="#" target="_blank">勇气并非来自体力，而是来自不屈不挠的意志。 ---守望先锋</a></li>
                    <li><a href="#" target="_blank">勇气并非来自体力，而是来自不屈不挠的意志。 ---守望先锋</a></li>


                </ol>
            </div>

        </aside>

    </main>
    <footer>
        <div class="box">
            <div class="foot-box">
                <ul>
                    <li><img src="./img/github.png"><span><a target="_blank" href="https://github.com/rx-ted">github</a></span></li>
                    <li><img src="./img/gitee.png"><span><a target="_blank" href="https://gitee.com/rx-ted">gitee</a></span></li>
                </ul>
            </div>
            <div class="copying">
                <p><b>站点声明：</b></p>
                <p>1、本站是个人博客，给了自己一个极好的机会去将自己的知识和思考外化，强迫自己以具有逻辑的方式将其表达出来。</p>
                <p>2、所有文章未经授权禁止转载、摘编、复制或建立镜像，如有违反，追究法律责任。举报邮箱：<a href="#" target="_blank">1552488649@qq.com</a></p>
                <p>Copyright © <a href="http://localhost">localhost</a> All Rights Reserved.</p>
            </div>
        </div>

    </footer>
    <!-- 回到顶部 -->
    <div class="top-back">
        <!-- <a href="#0" class="cd-top">Top</a> -->
        <!-- 两选一 上面和下面 -->
        <a href="#top" class="cd-top">Top</a>
    </div>

</body>

</html>